.taier__lineTo {
    width: 100%;
    display: grid;
    grid-template-columns: 230px 1fr 230px;

    foreignObject:focus {
        outline: none;
    }

    .taier__lintTo__source,
    .taier__lintTo__svg,
    .taier__lintTo__target {
        width: 100%;
        height: 100%;
    }

    .taier__lintTo__svg {
        width: calc(100% + 20px);
        transform: translateX(-10px);
        color: var(--list-focusOutline);
        position: relative;
        z-index: 999;
    }

    .taier__lintTo__point {
        cursor: crosshair;
    }

    .taier__lintTo__line {
        cursor: pointer;
    }

    .taier__lineTo__tooltip {
        pointer-events: none;

        .taier__lintTo__tooltip__content {
            background: #000;
            border-radius: 2px;
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
            color: #fff;
            display: none;
            height: 28px;
            line-height: 28px;
            opacity: 0.7;
            position: absolute;
            width: 60px;
            text-align: center;
        }
    }
}
